<template>
  <a-tabs v-model:activeKey="activeKey" tab-position="left">
    <a-tab-pane key="1" tab="上传图片">
      <lib-a-image :isMultiple="true" :imgUrl="imgUrl" @change-image="getImgUrl"></lib-a-image>
    </a-tab-pane>
    <a-tab-pane key="2" tab="上传附件">
      <lib-a-attachment></lib-a-attachment>
    </a-tab-pane>
  </a-tabs>
</template>
<script>
import { defineComponent, reactive, ref } from 'vue';
import LibAImage from '@/components/LibAImage/index';
import LibAAttachment from '@/components/LibAAttachment/index';
export default defineComponent({
  components: {
    LibAImage,
    LibAAttachment,
  },
  setup() {
    const activeKey = ref('1');
    const imgUrl = reactive([]);
    const changeImage = (value) => {
      imgUrl.values = value;
    };
    return {
      activeKey,
      imgUrl,
      changeImage,
    };
  },
});
</script>
<style lang="less" scoped>
::v-deep .ant-tabs-content-holder {
  min-height: 100vh;
}
</style>
